<template>
  <el-row>
    <el-button>默认按钮</el-button>
    <el-button type="primary">主要按钮</el-button>
    <el-button type="success">成功按钮</el-button>
    <el-button type="info">信息按钮</el-button>
    <el-button type="warning">警告按钮</el-button>
    <el-button type="danger">危险按钮</el-button>
  </el-row>
</template>

<script>
  import { getMenuInfo } from '@/router'
  export default {
    name: 'home', // 首页
    props: {},
    components: {},
    data() {
      return {
        id: '',
      }
    },
    computed: {
      fullPath() {
        const menuItem = getMenuInfo(this.$route.name)
        return menuItem.fullTitle
      },
    },
    // 页面渲染前
    created() {
      this.id = this.$route.query.id
    },
    // 监听事件
    watch: {
      $route() {
        this.id = this.$route.query.id
      },
    },
    // 页面渲染后
    mounted() {},
    // 方法
    methods: {},
  }
</script>

<style lang="scss" scoped></style>
